<template lang="pug">
.project
  .project__left
    mt-card(
      no-padding
    )
      project(v-model="currentSpecimen")
  .project__right
    mt-card(
      no-padding
    )
      baseproject(:selectEquipment="currentSpecimen")
</template>

<script setup lang="ts">
import type { PortfolioProjectEntity } from "@scmt/api-lis-portfolio-project";
import project from "./components/project.vue";
import baseproject from "./components/base-project.vue";
const currentSpecimen = ref<PortfolioProjectEntity>();
</script>

<style lang="less" scoped>
.project {
  height: 100%;
  display: flex;

  &__left {
    flex: 14;
  }

  &__right {
    margin-left: var(--mt-margin);
    flex: 10;
  }
}

.card {
  height: 100%;
}
</style>
